.poster-transform-tool {
  position: absolute;
  z-index: 4;
  border: 1px solid #fff;
  &:focus {
    outline: none;
  }
  &:before {
    content: '';
    box-sizing: content-box;
    margin: -1px 0 0 -1px;
    position: absolute;
    border: 2px solid #00f8ff;
    cursor: move;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .ed-handle {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -10px;
    margin-left: -10px;
    padding: 10px;
    z-index: 5;
    user-select: none;
    &:after {
      content: '';
      display: block;
      position: absolute;
      width: 8px;
      height: 8px;
      left: 6px;
      top: 6px;
      border-radius: 4px;
      border: 1px solid #999;
      background-color: #fff;
      box-sizing: border-box;
    }
    &.handle-lt {
      left: 0;
      top: 0;
      cursor: nwse-resize;
    }
    &.handle-mt {
      left: 50%;
      top: 0;
      cursor: ns-resize;
    }
    &.handle-rt {
      left: 100%;
      top: 0;
      cursor: nesw-resize;
    }
    &.handle-lm {
      left: 0;
      top: 50%;
      cursor: ew-resize;
    }
    &.handle-rm {
      left: 100%;
      top: 50%;
      cursor: ew-resize;
    }
    &.handle-lb {
      left: 0;
      top: 100%;
      cursor: nesw-resize;
    }
    &.handle-mb {
      left: 50%;
      top: 100%;
      cursor: ns-resize;
    }
    &.handle-rb {
      left: 100%;
      top: 100%;
      cursor: nwse-resize;
    }
    &.handle-rotate {
      cursor: pointer;
      margin: 10px 0 0 -13px;
      padding: 5px;
      position: absolute;
      left: 50%;
      top: 100%;
      z-index: 1;
      .bbt-icons {
        position: relative;
        background-color: #fff;
        padding: 2px;
        border-radius: 10px;
        z-index: 2;
      }
      &:before,
      &:after {
        content: '';
        border-left: 1px solid #fff;
        cursor: default;
        margin: -6px 0 0 -1px;
        height: 15px;
        width: 0;
        overflow: hidden;
        position: absolute;
        left: 50%;
        top: 0;
        pointer-events: none;
      }
      &:after {
        border: 0;
        border-left: 1px dashed #666;
      }
    }
  }
  .editor-el{
    position: relative;
    left: 0!important;
    top: 0!important;
    transform: none!important;
    z-index: 5;
    .editor-el-text-editing{
      transform-origin: 0 0;
    }
    .edit-content{
      display: block;
      -webkit-user-select: text;
    }
    .edit-content:focus{
      outline: none;
    }
  }
}
